<html lang="en">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>bravo</title>
<link rel="shortcut icon" href="https://JoyZgq.github.io/favicon.ico">
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.2.0/fonts/remixicon.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.7.2/animate.min.css">
<link rel="stylesheet" href="https://JoyZgq.github.io/media/css/tailwind.css">
<link rel="stylesheet" href="https://JoyZgq.github.io/styles/main.css">
<link rel="alternate" type="application/atom+xml" title="bravo - Atom Feed" href="https://JoyZgq.github.io/atom.xml">


  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-164181119-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
  
    gtag('config', 'UA-164181119-1');
  </script>
    

  <meta name="description" content="Tomorrow is another day.🎈🎈🎈🎈🎈🎈" />
</head>
<body>
  <div class="antialiased flex flex-col min-h-screen" id="app">

    <div class="nav py-3 md:py-8 fixed w-full z-10 bg-gray-50 dark:bg-gray-700 transition-all duration-300" :class="{ 'scroll': scrolled }">
  <div class="flex justify-end px-4">
    <div class="w-8 h-8 flex justify-center items-center rounded-full md:hidden" @click="showMenu = !showMenu">
      <i class="ri-close-line" v-show="showMenu"></i>
      <i class="ri-menu-3-line" v-show="!showMenu"></i>
    </div>
  </div>
  <nav class="max-w-4xl w-full mx-auto text-center flex flex-col md:flex-row justify-center md:block" :class="`${ showMenu ? 'block' : 'hidden' }`">
    
      <a href="https://JoyZgq.github.io/archives" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
        Archives
      </a>
    
      <a href="https://JoyZgq.github.io/tags" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
        Tags
      </a>
    
      <a href="https://JoyZgq.github.io/post/about" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
        About
      </a>
    
      <a href="https://JoyZgq.github.io" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
        Home
      </a>
    
    <a href="https://JoyZgq.github.io/atom.xml" target="_blank" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
      RSS
    </a>
  </nav>
</div>

    <div class="max-w-4xl w-full mx-auto ">
      
        <header class="flex py-16 md:py-32 mt-12 flex-col md:flex-row px-4 md:px-0 animated fadeIn">
  <div class="flex-1 order-2 md:order-1 md:pr-16">
    <div class="text-4xl font-bold text-center md:text-left">
      bravo
    </div>
    <div class="text-xl text-gray-500 mt-4 text-center md:text-left">
      Tomorrow is another day.🎈🎈🎈🎈🎈🎈
    </div>
    
    
      <div class="mt-8 flex items-center">
        
          <div class="text-gray-500 mr-2">
            Follow me 👉
          </div>
        
        
          
            
              <div class="relative mr-2 w-8 h-8 inline-flex items-center justify-center text-xl hover:bg-gray-200 transition-fast dark:hover:bg-gray-600 wechat">
                <i class="ri-wechat-line"></i>
                <img src="\media\images\custom-wechat.jpg" alt="" class="absolute left-0 w-32" style="max-width: initial; top: 100%;" >
              </div>
            
          
        
          
            
              <a href="mailto:neo.work@foxmail.com" target="_blank" class="mr-2 w-8 h-8 inline-flex items-center justify-center text-xl hover:bg-gray-200 dark:hover:bg-gray-600 transition-fast">
                <i class="ri-mail-line"></i>
              </a>
            
          
        
          
            
              <a href="https://github.com/JoyZgq" target="_blank" class="mr-2 w-8 h-8 inline-flex items-center justify-center text-xl hover:bg-gray-200 dark:hover:bg-gray-600 transition-fast">
                <i class="ri-github-line"></i>
              </a>
            
          
        
          
            
              <a href="https://twitter.com/Jamiestern10" target="_blank" class="mr-2 w-8 h-8 inline-flex items-center justify-center text-xl hover:bg-gray-200 dark:hover:bg-gray-600 transition-fast">
                <i class="ri-twitter-line"></i>
              </a>
            
          
        
          
        
          
        
          
            
              <a href="https://www.facebook.com/zgq.sean.1/" target="_blank" class="mr-2 w-8 h-8 inline-flex items-center justify-center text-xl hover:bg-gray-200 dark:hover:bg-gray-600 transition-fast">
                <i class="ri-facebook-line"></i>
              </a>
            
          
        
          
        
          
        
          
        
          
        
          
        
      </div>
    
  </div>
  <div class="md:mx-8 flex-shrink-0 self-start rounded-full border-4 border-dotted border-transparent hover:border-yellow-50 p-2 w-32 h-32 order-1 md:order-2 mx-auto s3-dotted">
    <img class="rounded-full object-cover" src="https://JoyZgq.github.io/images/avatar.png?v=1610430426859" alt="bravo" width="100%" height="100%">
  </div>
</header>
      

      <div class="shadow-box bg-white dark:bg-gray-600 border-gray-300 rounded-none md:rounded-lg -mx-1 md:mx-0 md:px-0">
        
  <div class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
    
      <i class="ri-star-line text-orange-200 absolute text-2xl left-0 ml-1 rotate-90"></i>
    
    <div class="flex-1 order-2 md:order-1">
      <h2 class="text-2xl font-semibold mb-4">
        <a href="https://JoyZgq.github.io/post/hello-TRA/" class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
          Hello Traveller 🍄
        </a>
      </h2>
      <div class="mb-4 text-xs text-gray-500">2018-12-12</div>
      <div class="mb-4 text-gray-500 dark:text-gray-300">
        👏  Congratulations! You find my blog FINALLY!🤡

Introduction👇
📝  You can know about the life or study of the blogger...
      </div>
      <a href="https://JoyZgq.github.io/post/hello-TRA/" class="btn">
        Read more
      </a>
    </div>
    
      <img class="flex-shrink-0 self-start md:ml-4 mb-4 md:mb-0 rounded-sm object-cover featured-img order-1 md:order-2 w-full h-40 md:w-56 md:h-32" loading="lazy" src="https://JoyZgq.github.io/post-images/hello-TRA.webp" alt="Hello Traveller 🍄">
    
  </div>

  <div class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
    
    <div class="flex-1 order-2 md:order-1">
      <h2 class="text-2xl font-semibold mb-4">
        <a href="https://JoyZgq.github.io/post/wPh6nKNWy/" class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
          基本功—Java
        </a>
      </h2>
      <div class="mb-4 text-xs text-gray-500">2021-01-06</div>
      <div class="mb-4 text-gray-500 dark:text-gray-300">
        1.1. Java 入门（基础概念与常识）
1.1.1. Java 语言有哪些特点?

简单易学；
面向对象（封装，继承，多态）；
平台无关性；
可靠性；
安全性；
支持多线程；
支持网络编程并且很方便；
编译与解释并存；

1.1.2. ...
      </div>
      <a href="https://JoyZgq.github.io/post/wPh6nKNWy/" class="btn">
        Read more
      </a>
    </div>
    
  </div>

  <div class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
    
    <div class="flex-1 order-2 md:order-1">
      <h2 class="text-2xl font-semibold mb-4">
        <a href="https://JoyZgq.github.io/post/5DDpUu6H-/" class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
          Java---锁
        </a>
      </h2>
      <div class="mb-4 text-xs text-gray-500">2020-05-20</div>
      <div class="mb-4 text-gray-500 dark:text-gray-300">
        
并发是编程重要的手段，更好的运用并发就必须理解各种锁的区别？

分类

公平锁、非公平锁
可重入锁
独享锁，共享锁
互斥锁，读写锁
乐观锁，悲观锁
分段锁
偏向锁，轻量级锁，重量级锁
自旋锁


公平锁、非公平锁

公平锁：申请锁的顺序，...
      </div>
      <a href="https://JoyZgq.github.io/post/5DDpUu6H-/" class="btn">
        Read more
      </a>
    </div>
    
      <img class="flex-shrink-0 self-start md:ml-4 mb-4 md:mb-0 rounded-sm object-cover featured-img order-1 md:order-2 w-full h-40 md:w-56 md:h-32" loading="lazy" src="https://JoyZgq.github.io/post-images/5DDpUu6H-.webp" alt="Java---锁">
    
  </div>

  <div class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
    
    <div class="flex-1 order-2 md:order-1">
      <h2 class="text-2xl font-semibold mb-4">
        <a href="https://JoyZgq.github.io/post/1HfwLmsNp/" class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
          《人人都懂设计模式：从生活中领悟设计模式》---总结(2)
        </a>
      </h2>
      <div class="mb-4 text-xs text-gray-500">2020-05-06</div>
      <div class="mb-4 text-gray-500 dark:text-gray-300">
        过滤器模式（热过滤实验）
什么是过滤器模式？

过滤器模式就是根据某种规则，从一组对象中，过滤掉一些不符合要求的对象的过程。


与职责模式的联系？
  过滤器与责任链的相似之处是处理过程都一环一环地进行，不同之处在于责任链中责任的传递一般...
      </div>
      <a href="https://JoyZgq.github.io/post/1HfwLmsNp/" class="btn">
        Read more
      </a>
    </div>
    
      <img class="flex-shrink-0 self-start md:ml-4 mb-4 md:mb-0 rounded-sm object-cover featured-img order-1 md:order-2 w-full h-40 md:w-56 md:h-32" loading="lazy" src="https://JoyZgq.github.io/post-images/1HfwLmsNp.webp" alt="《人人都懂设计模式：从生活中领悟设计模式》---总结(2)">
    
  </div>

  <div class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
    
    <div class="flex-1 order-2 md:order-1">
      <h2 class="text-2xl font-semibold mb-4">
        <a href="https://JoyZgq.github.io/post/rVjnIcRpg/" class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
          《人人都懂设计模式：从生活中领悟设计模式》---总结(1)
        </a>
      </h2>
      <div class="mb-4 text-xs text-gray-500">2020-05-04</div>
      <div class="mb-4 text-gray-500 dark:text-gray-300">
        
程序源于生活，又高于生活！程序的灵魂在于思维的方式，而思维的灵感来源于精彩的生活

监听模式
什么是监听模式？

官方定义：在对象间定义一种一对多的依赖关系，当这个对象状态发生改变时，所有依赖它的对象都会被通知并自动更新。
监听模式是一种...
      </div>
      <a href="https://JoyZgq.github.io/post/rVjnIcRpg/" class="btn">
        Read more
      </a>
    </div>
    
      <img class="flex-shrink-0 self-start md:ml-4 mb-4 md:mb-0 rounded-sm object-cover featured-img order-1 md:order-2 w-full h-40 md:w-56 md:h-32" loading="lazy" src="https://JoyZgq.github.io/post-images/rVjnIcRpg.webp" alt="《人人都懂设计模式：从生活中领悟设计模式》---总结(1)">
    
  </div>

  <div class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
    
    <div class="flex-1 order-2 md:order-1">
      <h2 class="text-2xl font-semibold mb-4">
        <a href="https://JoyZgq.github.io/post/vh9lsAukM/" class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
          JDK中应用的设计模式
        </a>
      </h2>
      <div class="mb-4 text-xs text-gray-500">2020-04-22</div>
      <div class="mb-4 text-gray-500 dark:text-gray-300">
        
摘自StackOverflow论坛回复,译文在下方

Creational patterns
Abstract factory (recognizeable by creational methods returning the fact...
      </div>
      <a href="https://JoyZgq.github.io/post/vh9lsAukM/" class="btn">
        Read more
      </a>
    </div>
    
      <img class="flex-shrink-0 self-start md:ml-4 mb-4 md:mb-0 rounded-sm object-cover featured-img order-1 md:order-2 w-full h-40 md:w-56 md:h-32" loading="lazy" src="https://JoyZgq.github.io/post-images/vh9lsAukM.webp" alt="JDK中应用的设计模式">
    
  </div>

  <div class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
    
    <div class="flex-1 order-2 md:order-1">
      <h2 class="text-2xl font-semibold mb-4">
        <a href="https://JoyZgq.github.io/post/szTtFYYYi/" class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
          MySQL存储引擎
        </a>
      </h2>
      <div class="mb-4 text-xs text-gray-500">2020-04-13</div>
      <div class="mb-4 text-gray-500 dark:text-gray-300">
        InnoDB存储引擎

InnoDB存储引擎支持事务，其设计目标主要面向在线事务处理的应用。
其特点是行锁设计、支持外键，并支持类似于Oracle的非锁定读，即默认读取操作不会产生锁。

从MySQL数据库5.5.8版本开始，InnoDB存...
      </div>
      <a href="https://JoyZgq.github.io/post/szTtFYYYi/" class="btn">
        Read more
      </a>
    </div>
    
      <img class="flex-shrink-0 self-start md:ml-4 mb-4 md:mb-0 rounded-sm object-cover featured-img order-1 md:order-2 w-full h-40 md:w-56 md:h-32" loading="lazy" src="https://JoyZgq.github.io/post-images/szTtFYYYi.webp" alt="MySQL存储引擎">
    
  </div>

  <div class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
    
    <div class="flex-1 order-2 md:order-1">
      <h2 class="text-2xl font-semibold mb-4">
        <a href="https://JoyZgq.github.io/post/rLrYVERFi/" class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
          并发编程
        </a>
      </h2>
      <div class="mb-4 text-xs text-gray-500">2020-03-28</div>
      <div class="mb-4 text-gray-500 dark:text-gray-300">
        
转载至 https://blog.csdn.net/thinkwon/article/details/104863992#Lock_1286

基础知识
并发编程的优缺点
为什么要使用并发编程


充分利用多核 CPU 的计算能力：通过并...
      </div>
      <a href="https://JoyZgq.github.io/post/rLrYVERFi/" class="btn">
        Read more
      </a>
    </div>
    
      <img class="flex-shrink-0 self-start md:ml-4 mb-4 md:mb-0 rounded-sm object-cover featured-img order-1 md:order-2 w-full h-40 md:w-56 md:h-32" loading="lazy" src="https://JoyZgq.github.io/post-images/rLrYVERFi.webp" alt="并发编程">
    
  </div>

  <div class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
    
    <div class="flex-1 order-2 md:order-1">
      <h2 class="text-2xl font-semibold mb-4">
        <a href="https://JoyZgq.github.io/post/lAF5734Xb/" class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
          New 背后过程
        </a>
      </h2>
      <div class="mb-4 text-xs text-gray-500">2020-03-10</div>
      <div class="mb-4 text-gray-500 dark:text-gray-300">
        <blockquote>
<p>Java是一门面向对象的编程语言，Java程序运行过程中无时无刻都有对象被创建出来。在语言层面上，创建对象通常（例外：复制、反序列化）仅仅是一个new关键字而已，而在虚拟机中，对象（文中讨论的对象限于普通Java对象，不包括数组和Class对象等）的创建又是怎样一个过程呢？</p>
</blockquote>

      </div>
      <a href="https://JoyZgq.github.io/post/lAF5734Xb/" class="btn">
        Read more
      </a>
    </div>
    
      <img class="flex-shrink-0 self-start md:ml-4 mb-4 md:mb-0 rounded-sm object-cover featured-img order-1 md:order-2 w-full h-40 md:w-56 md:h-32" loading="lazy" src="https://JoyZgq.github.io/post-images/lAF5734Xb.webp" alt="New 背后过程">
    
  </div>

  <div class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
    
    <div class="flex-1 order-2 md:order-1">
      <h2 class="text-2xl font-semibold mb-4">
        <a href="https://JoyZgq.github.io/post/NJDSCDD/" class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
          内存管理
        </a>
      </h2>
      <div class="mb-4 text-xs text-gray-500">2019-12-13</div>
      <div class="mb-4 text-gray-500 dark:text-gray-300">
        运行时数据区



程序计数器

定义：当前线程所执行的字节码的行号指示器



  字节码解释器工作时就是通过改变这个计数器的值来选取下一条需要执行的字节码指令，它是程序控制流的指示器，分支、循环、跳转、异常处理、线程恢复等基础功能都需要...
      </div>
      <a href="https://JoyZgq.github.io/post/NJDSCDD/" class="btn">
        Read more
      </a>
    </div>
    
      <img class="flex-shrink-0 self-start md:ml-4 mb-4 md:mb-0 rounded-sm object-cover featured-img order-1 md:order-2 w-full h-40 md:w-56 md:h-32" loading="lazy" src="https://JoyZgq.github.io/post-images/NJDSCDD.webp" alt="内存管理">
    
  </div>
  
      </div>

      
  <div class="my-4 flex justify-between px-4 md:px-0">
    
    
      <a href="https://JoyZgq.github.io/page/2" class="btn btn-white">
        下一页
        <i class="ri-arrow-right-line ml-4"></i>
      </a>
    
  </div>

      <footer class="py-12 text-center px-4 md:px-0" v-pre>
  Powered by <a href="https://github.com/getgridea/gridea" target="_blank">Gridea</a>  Made by  <a href="https://github.com/JoyZgq" target="_blank">zgq</a> 🎈❤❤❤🌹
</footer>

    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script src="https://JoyZgq.github.io/media/scripts/main.js"></script>
</body>

</html>